const {resolve} = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const webpack = require('webpack')
const AddAssetHtmlWebpackPlugin = require('add-asset-html-webpack-plugin')

module.exports = {
    //入口起点
    entry:'./src/index.js',
    //输出
    output:{
        //输出文件名称
        filename:'built.js',
        //输出路径
        //__dirname nodejs的变量，代表当前文件的绝对路劲
        path:resolve(__dirname,'build')
    },
    //loader的配置
    module:{
        rules:[
            //详细loader配置
        ]
    },
    plugins:[
        //详细plugins配置
        //功能：默认会创建一个空html，自动引入打包输出的所有资源
        new HtmlWebpackPlugin({
            //template::复制 './src/index.html'文件，并自动引入打包输出的所有资源
            template:'./src/index.html'
        }),
        new webpack.DllReferencePlugin({
            manifest:resolve(__dirname,'dll/manifest.json')
        }),
        //将某个文件打包输出去，并在html中自动引入资源
        new AddAssetHtmlWebpackPlugin({
            filepath:resolve(__dirname,'dll/jquery.js'),
            outputPath:"auto/"
        })
    ],
    //模式
    // mode:"development", //开发模式
    mode:"production" //生产模式
}